<template>
    <div>
        <el-table :data="userData" style="width: 100%" row-key="id" border lazy :load="load">
            <el-table-column prop="id" label="Id" />
            <el-table-column prop="userName" label="用户名" />
            <el-table-column prop="role" label="角色" />
            <el-table-column prop="status" label="状态" />
        </el-table>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const userData = ref([
    { id: 1, userName: 'admin', role: '管理员', status: '正常' },
    { id: 2, userName: 'user', role: '普通用户', status: '正常' },
    { id: 3, userName: 'user1', role: '收货员', status: '正常' },
])
</script>

<style scoped>

</style>